/**
 *  Created by clz on
 *  Function:
 *  Desc:Rn 与原生交互
 */
import React, {Component} from 'react';
import {View, StyleSheet, Text} from 'react-native';
import px2dp from "../px2dp";
import DeviceInfo from "./device/DeviceInfo";

export default class RnConnectWithNative extends Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <View style={{flex: 1}}>
                <View style={{justifyContent: 'center', alignItems: 'center'}}>
                    <Text style={styles.text}>系统名称: {DeviceInfo.systemName}</Text>
                    <Text style={styles.text}>系统版本: {DeviceInfo.systemVersion}</Text>
                    <Text style={styles.text}>默认语言: {DeviceInfo.defaultLanguage}</Text>
                    <Text style={styles.text}>应用版本: {DeviceInfo.appVersion}</Text>
                </View>
            </View>
        )
    }

}
const styles = StyleSheet.create({
    text: {
        fontSize: px2dp(25),
        color: 'black'
    }
});
